<template>
    <div>
        <div class="main-nav">
            <MainNav />
        </div>
        <main class="main-router">
            <router-view></router-view>
        </main>
    </div>
</template>

<script>
// import { onMounted } from 'vue';
import MainNav from './components/nav.vue'
export default {
    name: 'App',
    components: {
        MainNav
    }
}
</script>

<style scoped>
body {
    margin: 0px;
    padding: 0px;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}

.main-nav {
    width: 200px;
    height: 100vh
}
</style>
